<template>
	<view class="u-p-l-10 u-p-r-10">
		<u-navbar
			title="新新之声"
			@leftClick="goBack"
			:autoBack="true"
			bgColor="#aa0000"
		>
			<view slot="left">
				<u-icon name="arrow-left" size="20" color="#fff" @click="goBack"></u-icon>
			</view>
		</u-navbar>
		<view>
			<u-swiper :list="swiperList" height="350"></u-swiper>
		</view>
		<view class="rowClass">
			<u-row>
				<u-col span="3" text-align="center" v-for="(item,index) in navList" :key="index">
					<view class="u-padding-20" @tap="clickNav(item)" hover-class="hoverClass">
						<image :src="item.src" style="width: 90rpx;height: 90rpx;" mode="widthFix"></image>
						<view class="tabName">{{item.name}}</view>
					</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	import config from "@/common/config.js" // 全局配置文件
	export default {
		data() {
			return {
				swiperList: [
					{
						image: 'https://img-u-3.51miz.com/preview/muban/00/00/58/68/M-586833-C032DFF8.jpg',
					    title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: 'https://ts1.cn.mm.bing.net/th/id/R-C.28c73d9fca11fd7423b21e282c541e26?rik=bHXZkcjWxOGYsA&riu=http%3a%2f%2fimg.aiimg.com%2fuploads%2fallimg%2f220220%2f263915-220220111H0.jpg&ehk=LiOMe7vgY3xS77DbmVyOXcjYtgzid4qqJLK1yeJWQFA%3d&risl=&pid=ImgRaw&r=0',
					    title: '身通'
					},
                ],
				navList:[
				   {name:"咨询问题",src:"/static/img/index/PartyHeartfelt/cxwt.png",type:"0"},
				   {name:"投诉建议",src:"/static/img/index/PartyHeartfelt/tsyj.png",type:"1"},
				   {name:"求助解答",src:"/static/img/index/PartyHeartfelt/qzjd.png",type:"2",},
				   {name:"建言献策",src:"/static/img/index/PartyHeartfelt/jyxc.png",type:"3"},
				],
			}
		},
		onLoad() {
		},
		methods: {
			goBack() {
				uni.navigateBack();
			},
			clickNav(item){
				console.log(item,"111111item")
				this.$u.route({
					url: '/pages/PartyHeartfelt/inputInfor',
					params: {
						title: item.name
					}
				});
							
			},
		}
	}
</script>

<style lang="scss" scoped>
	.hoverClass{
		background-color: #E4E7ED;
	}
</style>
